Top 16 Stunning CSS Only Slideshow Options
1. jSprouts
Thanks to more than 20 options, this slider is highly customizable and easily skinnable with CSS.1 new feature (auto play/slideshow)
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat
Auto slideshow with optional pause on hover
Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the rollover image HTML and opacity also can be modified (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option). Support thumbnails for the grid only to the images you want to improve performance
Lightbox with slideshow (play, pause, auto-play)
When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Advanced Slideshow Features
You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the auto delay slideshow and can trigger by click or hover.Auto delay slideshow, hover to pause. CSS3 transition support in the modern browser, fade only in the old browsers. It’s lightweight, the compressed js file is only 4k.Popover is from thumbnails twitter bootstrap we use only part of the necessary code, so it’s lightweight.
A slider jQuery plugin help you to display fullscreen images with jQuery auto delay slideshow support. Auto delay slideshow.
Auto delay slideshow, hover icons and text to pause. CSS3 transition support in the modern browser, fade only in the old browsers.